﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Organic store</title>
    <script th:src="@{/assets/vendor/home-banner/jquery.min.js}"></script>
    <!-- main css -->
    <link rel="stylesheet" th:href="@{/assets/css/home-1.css}">
    <link rel="stylesheet" th:href="@{/assets/vendor/revolution/vendor/revslider/css/settings.css}">
    <link rel="stylesheet" th:href="@{/assets/vendor/revolution/responsiveslides.css}">
    <!-- main css -->
</head>
<body>
<div id="myModalsubscribe" class="modal fade subscribe">
    <div class="modal-dialog">
        <div class="modal-content">
            <button type="button" class="close2" data-dismiss="modal" aria-hidden="true">&times;</button>
            <div class="modal-body">
                <div class="row m-0">
                    <div class="col-md-6 p-0 position-relative">
                        <div class="newslettermodal-img"><img th:src="@{/assets/images/page-img/popup-img.jpg}" alt="" title="" class="img-fluid"></div>
                    </div>
                    <div class="col-md-6 p-0">
                        <div class="newslettermodal-content">
                            <div class="text-center"><img th:src="@{/assets/images/popup-logo.png}" alt="" title=""></div>
                            <h4 class="modal-title">Sign up our newsletter</h4>
                            <p>Enter Your email address to sign up to receive our latest news and offers</p>
                            <form action="" method="post" id="homeForm" onSubmit="return ajaxmailhome();" class="newslettermodal-content-form">
                                <div class="form-group">
                                    <input type="email" name="homemail" id="homemail" class="form-control" placeholder="Enter Your e-mail address">
                                </div>
                                <button type="button" class="btn subscribe2" onClick="return ajaxmailhome();">Subscribe</button>
                            </form>
                            <ul>
                                <li><a href="#" class="icoRss" title=""><i class="fa fa-rss"></i></a></li>
                                <li><a href="#" class="icoFacebook" title=""><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#" class="icoTwitter" title=""><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#" class="icoGoogle" title=""><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#" class="icoLinkedin" title=""><i class="fa fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Navigation -->
<!--<div class="top-bg">
  <div class="container">
    <div class="row">
      <div class="col-lg-5 col-md-12 top-div top1">
        <ul>
          <li><a href="mailto:info.organicstore@gmail.com"><i class="fa fa-envelope"></i> &nbsp;info.organicstore@gmail.com</a></li>
          <li>|</li>
          <li><i class="fa fa-phone" aria-hidden="true"></i> +12 345 6789</li>
        </ul>
      </div>
      <div class="col-lg-7 col-md-6 col-md-12 position-relative">
        <div class="right-div">
          <ul>
            <li>
              <ul class="social-network">
                <li><a href="#" class="icoRss" title=""><i class="fa fa-rss"></i></a></li>
                <li><a href="#" class="icoFacebook" title=""><i class="fa fa-facebook"></i></a></li>
                <li><a href="#" class="icoTwitter" title=""><i class="fa fa-twitter"></i></a></li>
                <li><a href="#" class="icoGoogle" title=""><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#" class="icoLinkedin" title=""><i class="fa fa-linkedin"></i></a></li>
              </ul>
            </li>
            <li>
              <ul class="top-ul">
                <li>
                  <div class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"><img th:src="@{/assets/images/flag.jpg}" alt="" title=""> English <i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu flag-css dropdown-menu-right"> <a href="#">English</a> <a href="#"><span class="flag-icon flag-icon-fr"> </span>French</a> <a href="#"><span class="flag-icon flag-icon-it"> </span>Italian</a> <a href="#"><span class="flag-icon flag-icon-ru"> </span>Russian</a> </div>
                  </div>
                </li>
                <li>
                  <div class="dropdown"> <a class="dropdown-toggle currency" href="" data-toggle="dropdown"> <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown-menu drop1 dropdown-menu-right">
                      <li class="dropdown-item"><a href="#"> US Dollar</a></li>
                      <li class="dropdown-item"><a href="#"> British Pound</a></li>
                    </ul>
                  </div>
                </li>
              </ul>
            </li>
            <li>
              <div class="rate-price rate-price2">
                <ul>
                  <li class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"> <i class="fa fa-user-circle-o" aria-hidden="true"></i></a>
                    <div class="dropdown-menu dropdown-menu-right animate slideIn"> <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
                  </li>
                  <li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="circle-2">1</span></a></li>
                  <li class="dropdown"> <a class="dropdown-toggle link" href="" data-toggle="dropdown"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="circle-2">1</span></a>
                    <div class="dropdown-menu dropdown-menu2 dropdown-menu-right  animate slideIn">
                      <div class="container">
                        <div class="row">
                          <div class="col-3"><img th:src="@{/assets/images/fruits/img-1.jpg}" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img th:src="@{/assets/images/fruits/img-2.jpg}" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img th:src="@{/assets/images/fruits/img-3.jpg}" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img th:src="@{/assets/images/fruits/img-4.jpg}" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3">
                            <p class="font-15">Tax </p>
                          </div>
                          <div class="col-9 text-right"> <span class="font-15">$ 2.80</span> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3">
                            <p class="font-15"><strong>Total</strong></p>
                          </div>
                          <div class="col-9 text-right"> <span class="font-15"><strong>$ 10.80</strong></span> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-md-12 text-center">
                            <input type="button" value="Check out" class="btn check-out w-100">
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>-->
<div class="clearfix"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-white">
    <div class="container"> <a class="navbar-brand" href="index#"> <img th:src="@{/assets/images/logo.png}" alt="" title="" class="img-fluid"> </a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav">
                <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
                    <div class="dropdown-menu dropdown-menu-right animate slideIn" aria-labelledby="Dropdown1"> <a class="dropdown-item" href="index#">Home</a> <a class="dropdown-item" href="#">Home v2</a> <a class="dropdown-item" href="#">Home v3</a> <a class="dropdown-item" href="#">left Side Menu</a> <a class="dropdown-item" href="#">Mega Menu</a> </div>
                </li>
                <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> SHOP </a>
                    <div class="dropdown-menu megamenu animate slideIn">
                        <div class="row">
                            <div class="col-sm-6 col-lg-4">
                                <h5>With sidebar</h5>
                                <a class="dropdown-item" href="#">Shop Grid</a> <a class="dropdown-item" href="#">Shop 3 columns</a> <a class="dropdown-item" href="#">Shop 4 columns</a> <a class="dropdown-item" href="#">Shop 5 columns</a> <a class="dropdown-item" href="#">Shop 6 columns</a> </div>
                            <div class="col-sm-6 col-lg-4">
                                <h5>Without sidebar</h5>
                                <a class="dropdown-item" href="shop-w-o-sidebar#">Shop Grid</a> <a class="dropdown-item" href="#">Shop 3 columns</a> <a class="dropdown-item" href="#">Shop 4 columns</a> <a class="dropdown-item" href="#">Shop 5 columns</a> <a class="dropdown-item" href="#">Shop 6 columns</a> </div>
                            <div class="col-sm-6 col-lg-4">
                                <h5>Shop</h5>
                                <a class="dropdown-item"  href="shop-filter#">Shop Top filter</a> <a class="dropdown-item" href="single_product.html">Product Detail</a> <a class="dropdown-item" href="single_product-2#">Product Detail V2</a> </div>
                            <div class="clearfix"></div>
                            <div class="col-md-12">
                                <hr>
                            </div>
                            <div class="col-md-6"><img th:src="@{/assets/images/page-img/menu-img.jpg}" alt="" title="" class="img-fluid"></div>
                            <div class="col-md-6"><img th:src="@{/assets/images/page-img/menu2-img.jpg}" alt="" title="" class="img-fluid"></div>
                        </div>
                    </div>
                </li>
                <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Category </a>
                    <div class="dropdown-menu megamenu animate slideIn" aria-labelledby="navbarDropdownBlog">
                        <div class="row">
                            <div class="col-sm-6 col-lg-3">
                                <h5>Dried Fruits</h5>
                                <a class="dropdown-item" href="#">Almond</a> <a class="dropdown-item" href="#">Apricot</a> <a class="dropdown-item" href="#">Arrowroot</a> <a class="dropdown-item" href="#">Cantaloupe </a> <a class="dropdown-item" href="#">Cashew</a> </div>
                            <div class="col-sm-6 col-lg-3">
                                <h5>Fruits</h5>
                                <a class="dropdown-item" href="#">Apples</a> <a class="dropdown-item" href="#">Apricots</a> <a class="dropdown-item" href="#">Bananas</a> <a class="dropdown-item" href="#">Cantaloupe</a> <a class="dropdown-item" href="#">Cherry</a> </div>
                            <div class="col-sm-6 col-lg-3">
                                <h5>Juice</h5>
                                <a class="dropdown-item" href="#">Sugarcane </a> <a class="dropdown-item" href="#">Wheatgrass</a> <a class="dropdown-item" href="#">Arrowroot</a> <a class="dropdown-item" href="#">Grapefruit</a> <a class="dropdown-item" href="#">Otai</a> </div>
                            <div class="col-sm-6 col-lg-3">
                                <p><img th:src="@{/assets/images/page-img/menu3-img.jpg}" alt="" title="" class="img-fluid"></p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </li>
                <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>
                    <div class="dropdown-menu dropdown-menu-right animate slideIn" aria-labelledby="Dropdown3">
                        <h5>Blog Pages</h5>
                        <a class="dropdown-item" href="blog-left-sidebar#">Blog Left Sidebar</a> <a class="dropdown-item" href="blog-right-sidebar#">Blog Right Sidebar</a> <a class="dropdown-item" href="blog-w-o-sidebar#">Blog Without Sidebar</a> <a class="dropdown-item" href="blog-details#">Blog Details</a> </div>
                </li>
                <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>
                    <div class="dropdown-menu megamenu animate slideIn">
                        <div class="row">
                            <div class="col-sm-6 col-lg-4">
                                <h5>My Account</h5>
                                <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
                            <div class="col-sm-6 col-lg-4">
                                <h5>Page Link</h5>
                                <a class="dropdown-item" href="cart#">Cart</a> <a class="dropdown-item" href="cart-2#">Cart v2</a> <a class="dropdown-item" href="gift-card#">Gift Card</a> <a class="dropdown-item" href="#">Wishlist</a> <a class="dropdown-item" href="checkout#">Checkout</a> <a class="dropdown-item" href="contact#">Contact</a> <a class="dropdown-item" href="404#">404 Error</a> <a class="dropdown-item" href="comingsoon#">Coming soon</a> </div>
                            <div class="col-sm-6 col-lg-4"> <a class="dropdown-item" href="about-us#">About Us</a> <a class="dropdown-item" href="terms-conditions#">Terms Conditions</a> <a class="dropdown-item" href="faq#">FAQ</a> </div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="rate-price nav-1">
                <ul>
                    <li class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"> <i class="fa fa-user-circle-o" aria-hidden="true"></i></a>
                        <div class="dropdown-menu dropdown-menu-right animate slideIn"> <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
                    </li>
                    <li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="circle-2">1</span></a></li>
                    <li class="dropdown"> <a class="dropdown-toggle link" href="" data-toggle="dropdown"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="circle-2">1</span></a>
                        <div class="dropdown-menu dropdown-menu2 dropdown-menu-right animate slideIn">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-3"><img th:src="@{/assets/images/fruits/img-1.jpg}" alt="" title="" class="img-fluid"></div>
                                    <div class="col-md-9">
                                        <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                                        <a href="" class="close">x</a> </div>
                                    <div class="col-md-12">
                                        <hr>
                                    </div>
                                    <div class="col-md-3"><img th:src="@{assets/images/fruits/img-2.jpg}" alt="" title="" class="img-fluid"></div>
                                    <div class="col-md-9">
                                        <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                                        <a href="" class="close">x</a> </div>
                                    <div class="col-md-12">
                                        <hr>
                                    </div>
                                    <div class="col-md-3"><img th:src="@{assets/images/fruits/img-3.jpg}" alt="" title="" class="img-fluid"></div>
                                    <div class="col-md-9">
                                        <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                                        <a href="" class="close">x</a> </div>
                                    <div class="col-md-12">
                                        <hr>
                                    </div>
                                    <div class="col-md-3"><img th:src="@{assets/images/fruits/img-4.jpg}" alt="" title="" class="img-fluid"></div>
                                    <div class="col-md-9">
                                        <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                                        <a href="" class="close">x</a> </div>
                                    <div class="col-md-12">
                                        <hr>
                                    </div>
                                    <div class="col-md-3">
                                        <p class="font-15">Tax </p>
                                    </div>
                                    <div class="col-md-9 text-right"> <span class="font-15">$ 2.80</span> </div>
                                    <div class="col-md-12">
                                        <hr>
                                    </div>
                                    <div class="col-md-3">
                                        <p class="font-15"><strong>Total</strong></p>
                                    </div>
                                    <div class="col-md-9 text-right"> <span class="font-15"><strong>$ 10.80</strong></span> </div>
                                    <div class="col-md-12">
                                        <hr>
                                    </div>
                                    <div class="col-md-12 text-center">
                                        <input type="button" value="Check out" class="btn check-out w-100">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</nav>
<!-- Navigation -->
<div class="container search-div">
    <div class="row">
        <div class="col-lg-3 col-md-4 top-dropdown">
            <div class="all-cate custom-select2">
                <select>
                    <option>All Categories</option>
                    <option>Fresh Meat</option>
                    <option>Vegetables</option>
                    <option>Fruit & Nut Gifts</option>
                    <option>Fresh Berries</option>
                    <option>Ocean Foods</option>
                    <option>Butter & Eggs</option>
                    <option>Fastfood</option>
                    <option>Fresh Onion</option>
                    <option>Papayaya & Crisps</option>
                    <option>Oatmeal</option>
                    <option>Fresh Bananas</option>
                </select>
            </div>
        </div>
        <div class="col-lg-9 col-md-8">
            <div class="input-group filter-by">
                <input type="hidden" name="search_param" value="all" id="search_param">
                <input type="text" class="form-control" name="x" placeholder="What do you need?">
                <span class="input-group-btn">
        <button class="btn btn-default search-bt" type="button">SEARCH</button>
        </span> </div>
        </div>
    </div>
</div>
<!-- Navigation -->
<!-- slider -->
<div class="callbacks_container">
    <ul class="rslides" id="slider4">
        <li> <img th:src="@{/assets/images/rev-banner/img-1.jpg}" alt=""> </li>
        <li> <img th:src="@{/assets/images/rev-banner/img-2.jpg}" alt=""> </li>
    </ul>
</div>
<!--
<div id="rev_slider_7_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="demo_creative_agency_full" data-source="gallery" style="background:linear-gradient(50deg,rgba(211,84,93,1)0%,rgba(211,84,93,1)0%,rgba(244,111,4,1)100%,rgba(244,111,4,1)100%);padding:0px;">
  <div id="rev_slider_7_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
    <ul>
      <li data-index="rs-16" data-transition="slideright" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="../static/images/rev-banner/images/100x50_4549a-brk_slide-1.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""><img src="../../static/images/rev-banner/images/4549a-brk_slide-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina="">
        <div class="tp-caption tp-resizeme" id="slide-16-layer-3" data-x="center" data-hoffset="-795" data-y="center" data-voffset="" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6;"><img src="../../static/images/rev-banner/images/8b74d-brk_slide_element-2.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-16-layer-7" data-x="1855" data-y="73" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9;"><img src="../../static/images/rev-banner/images/0bb69-brk_slide_element-3.png" alt="" data-ww="220px" data-hh="207px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-16-layer-9" data-x="1859" data-y="788" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10;"><img src="../../static/images/rev-banner/images/835ab-brk_slide_element-4.png" alt="" data-ww="119px" data-hh="97px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-16-layer-10" data-x="center" data-hoffset="220" data-y="120" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.1,&quot;speed&quot;:1500,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11; white-space: nowrap; font-size: 90px; line-height: 150px; font-weight: 800; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">Eat Organic</div>
        <div class="tp-caption tp-resizeme" id="slide-16-layer-11" data-x="center" data-hoffset="100" data-y="250" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:600,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 12; white-space: nowrap; font-size: 35px; line-height: 46px; font-weight: 300; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">Build your Health</div>
        <div class="tp-caption tp-resizeme" id="slide-16-layer-12" data-x="910" data-y="320" data-width="[&apos;626&apos;]" data-height="[&apos;79&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 13; min-width: 626px; max-width: 626px; max-width: 79px; max-width: 79px; white-space: normal; font-size: 16px; line-height: 26px; font-weight: 400; color: rgba(255,255,255,0.9); letter-spacing: 0px;font-family:Open Sans;">Organic E-Store &#x2013; is a multipurpose Bootstrap 4 HTML5 template, created by people with 10+ years&#x2019; experience in website development. It&#x2019;s fully responsive, based on the module structure.</div>
        <div class="tp-caption tp-resizeme" id="slide-16-layer-1" data-x="218" data-y="center" data-voffset="-11" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-visibility="[&apos;on&apos;,&apos;on&apos;,&apos;off&apos;,&apos;off&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 26;"><img src="../../static/images/rev-banner/images/eb646-1122x1237_1.png" alt="" data-ww="650px" data-hh="717px" data-no-retina=""></div>
      </li>
      <li data-index="rs-17" data-transition="slideleft" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1800" data-thumb="../static/images/rev-banner/images/100x50_32ebd-brk_slide-2.jpg" data-delay="5000" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""><img src="../../static/images/rev-banner/images/32ebd-brk_slide-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina="">
        <div class="tp-caption tp-resizeme" id="slide-17-layer-1" data-x="-62" data-y="73" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;"><img src="../../static/images/rev-banner/images/0bb69-brk_slide_element-3.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-3" data-x="-60" data-y="788" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6;"><img src="../../static/images/rev-banner/images/835ab-brk_slide_element-4.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-5" data-x="1655" data-y="779" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;999&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7;"><img src="../../static/images/rev-banner/images/bd38d-brk_slide_thumb-6.png" alt="" data-ww="368px" data-hh="182px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-6" data-x="1455" data-y="340" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8;"><img src="../../static/images/rev-banner/images/c0ff5-brk_slide_thumb-5.png" alt="" data-ww="368px" data-hh="260px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-7" data-x="1400" data-y="100" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9;"><img src="../../static/images/rev-banner/images/d1b07-brk_slide_thumb-4.png" alt="" data-ww="368px" data-hh="264px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-8" data-x="1390" data-y="503" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10;"><img src="../../static/images/rev-banner/images/4d6c0-brk_slide_thumb-3.png" alt="" data-ww="368px" data-hh="264px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-9" data-x="989" data-y="350" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11;"><img src="../../static/images/rev-banner/images/db3cf-brk_slide_thumb-2.png" alt="" data-ww="368px" data-hh="264px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-10" data-x="989" data-y="80" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 12;"><img src="../../static/images/rev-banner/images/451e1-brk_slide_thumb-1.png" alt="" data-ww="368px" data-hh="264px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-11" data-x="141" data-y="250" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;nothing&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 13; white-space: nowrap; font-size: 75px; line-height: 90px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">Fresh Fruits</div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-12" data-x="608" data-y="242" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;nothing&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 14; white-space: nowrap; font-size: 75px; line-height: 90px; font-weight: 300; color: #ffffff; letter-spacing: 0px;font-family:Open Sans;">for you</div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-13" data-x="137" data-y="340" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 15; white-space: nowrap; font-size: 75px; line-height: 90px; font-weight: 300; color: #ffffff; letter-spacing: 0px;font-family:Open Sans;">&amp; your Family!</div>
        <a class="tp-caption rev-btn tp-resizeme" href="" target="_blank" id="slide-17-layer-20" data-x="133" data-y="490" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="button" data-actions="" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;300&quot;,&quot;ease&quot;:&quot;Linear.easeNone&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgba(0,0,0,1);bg:rgba(255,255,255,0.83);bc:rgba(255,255,255,0.67);&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[22,22,22,22]" data-paddingright="[41,41,41,41]" data-paddingbottom="[22,22,22,22]" data-paddingleft="[104,104,104,104]" style="z-index: 21; white-space: nowrap; font-size: 15px; line-height: 24px; font-weight: 400; color: rgba(255,255,255,1); letter-spacing: ;font-family:Montserrat;text-transform:uppercase;background-color:rgba(255,255,255,0);border-color:rgba(255,255,255,0.14);border-style:solid;border-width:2px 2px 2px 2px;border-radius:40px 40px 40px 40px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">Visit the Store</a>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-21" data-x="93" data-y="450" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 22;"><img src="../../static/images/rev-banner/images/4c2d9-brk_button-1.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <a class="tp-caption rev-btn tp-resizeme" href="" target="_blank" id="slide-17-layer-23" data-x="443" data-y="490" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="button" data-actions="" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;frame&quot;:&quot;hover&quot;,&quot;speed&quot;:&quot;300&quot;,&quot;ease&quot;:&quot;Linear.easeNone&quot;,&quot;to&quot;:&quot;o:1;rX:0;rY:0;rZ:0;z:0;&quot;,&quot;style&quot;:&quot;c:rgba(0,0,0,1);bg:rgba(255,255,255,0.83);bc:rgba(255,255,255,0.67);&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[22,22,22,22]" data-paddingright="[41,41,41,41]" data-paddingbottom="[22,22,22,22]" data-paddingleft="[104,104,104,104]" style="z-index: 23; white-space: nowrap; font-size: 15px; line-height: 24px; font-weight: 400; color: rgba(255,255,255,1); letter-spacing: ;font-family:Montserrat;text-transform:uppercase;background-color:rgba(255,255,255,0);border-color:rgba(255,255,255,0.14);border-style:solid;border-width:2px 2px 2px 2px;border-radius:40px 40px 40px 40px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;text-decoration: none;">On all Products</a>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-24" data-x="432" data-y="478" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:10,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 24;"><img src="../../static/images/rev-banner/images/4aad8-11.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-17-layer-25" data-x="459" data-y="515" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 25; white-space: nowrap; font-size: 26px; line-height: 26px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">17</div>
      </li>
      <li data-index="rs-18" data-transition="slideleft" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1800" data-thumb="../static/images/rev-banner/images/100x50_3c6ad-brk_slide-3.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""><img src="../../static/images/rev-banner/images/3c6ad-brk_slide-3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina="">
        <div class="tp-caption tp-resizeme" id="slide-18-layer-1" data-x="-266" data-y="bottom" data-voffset="" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;"><img src="../../static/images/rev-banner/images/bd38d-brk_slide_thumb-6.png" alt="" data-ww="368px" data-hh="182px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-2" data-x="-266" data-y="510" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6;"><img src="../../static/images/rev-banner/images/c0ff5-brk_slide_thumb-5.png" alt="" data-ww="368px" data-hh="264px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-3" data-x="-266" data-y="241" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7;"><img src="../../static/images/rev-banner/images/d1b07-brk_slide_thumb-4.png" alt="" data-ww="368px" data-hh="264px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-6" data-x="399" data-y="65" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:-50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10;"><img src="../../static/images/rev-banner/images/3b4b2-brk_slide_element-5.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-7" data-x="396" data-y="265" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:-50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power2.easeIn&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11; white-space: nowrap; font-size: 72px; line-height: 78px; font-weight: 700; color: #e6e3e8; letter-spacing: 0px;font-family:Montserrat;">Deals</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-9" data-x="712" data-y="800" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 12;"><img src="../../static/images/rev-banner/images/c9ecd-brk_slide_element-9.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-10" data-x="1207" data-y="550" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:500,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[-100%];z:0;rZ:35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:[100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;nothing&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 13; white-space: nowrap; font-size: 36px; line-height: 38px; font-weight: 700; color: #272727; letter-spacing: 0px;font-family:Montserrat;">Organic Products</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-11" data-x="1209" data-y="600" data-width="[&apos;635&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:bottom;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 14; min-width: 635px; max-width: 635px; white-space: normal; font-size: 16px; line-height: 26px; font-weight: 400; color: #9f9f9f; letter-spacing: 0px;font-family:Open Sans;font-style:italic;">Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velitNeque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur.</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-12" data-x="487" data-y="390" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 15; white-space: nowrap; font-size: 56px; line-height: 64px; font-weight: 700; color: #272727; letter-spacing: 0px;font-family:Montserrat;">Responsive</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-13" data-x="488" data-y="470" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rZ:-35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:[-100%];&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 16; white-space: nowrap; font-size: 25px; line-height: 30px; font-weight: 300; color: #333; letter-spacing: 0px;font-family:Montserrat;">E-Commerce Theme</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-14" data-x="488" data-y="520" data-width="[&apos;530&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:-50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;y:50px;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 17; min-width: 530px; max-width: 530px; white-space: normal; font-size: 16px; line-height: 26px; font-weight: 400; color: #333; letter-spacing: 0px;font-family:Open Sans;">We use lazy loading technique that delays loading of Images, CSS, JavaScript, and Fonts after the page is loaded. This speeds up the initial load of your webpage no matter how many elements it contains.</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-19" data-x="1620" data-y="532" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;split&quot;:&quot;chars&quot;,&quot;splitdelay&quot;:0.05,&quot;speed&quot;:1000,&quot;split_direction&quot;:&quot;forward&quot;,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[-100%];z:0;rZ:35deg;sX:1;sY:1;skX:0;skY:0;&quot;,&quot;mask&quot;:&quot;x:0px;y:0px;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power2.easeIn&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 21; white-space: nowrap; font-size: 16px; line-height: 20px; font-weight: 700; color: #81bb35; letter-spacing: 0px;font-family:Montserrat;">Sale</div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-20" data-x="1648" data-y="495" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;mask&quot;:&quot;x:inherit;y:inherit;s:inherit;e:inherit;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 22;"><img src="../../static/images/rev-banner/images/4aad8-11.png" alt="" data-ww="auto" data-hh="auto" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-18-layer-21" data-x="1308" data-y="38" data-width="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-height="[&apos;none&apos;,&apos;none&apos;,&apos;none&apos;,&apos;none&apos;]" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:right;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 23;"><img src="../../static/images/rev-banner/images/e4c55-brk_slide_element-3.png" alt="" data-ww="380px" data-hh="475px" data-no-retina=""></div>
        <div class="tp-caption tp-resizeme" id="slide-18-layer-23" data-x="1677" data-y="530" data-width="[&apos;auto&apos;]" data-height="[&apos;auto&apos;]" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="[&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;,&apos;inherit&apos;]" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 24; white-space: nowrap; font-size: 26px; line-height: 26px; font-weight: 700; color: #ffffff; letter-spacing: 0px;font-family:Montserrat;">17</div>
      </li>
    </ul>
    <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
  </div>
</div>
-->
<!-- slider -->
<div class="clearfix"></div>
<!--<div class="banner-patten mt-4 mb-4">
  <div class="container">
    <div class="banner-div" style="top:0">
      <div class="row m-0">
        <div class="col-lg-4 col-md-4 col-sm-4 boder-left wow fadeInLeft"> <img th:src="@{/assets/images/shipping.png}" alt="" title="">
          <h4 class="text-uppercase">Free Shipping</h4>
          <p>For all order over 99$</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 boder-left wow fadeInLeft"> <img th:src="@{/assets/images/timing.png}" alt="" title="">
          <h4 class="text-uppercase"> Delivery On Time</h4>
          <p>Trustable &amp; Fast Delivery Services</p>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInLeft"> <img th:src="@{/assets/images/card.png}" alt="" title="">
          <h4 class="text-uppercase">Secure Payment</h4>
          <p>100% secure payment </p>
          <p> </p>
        </div>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>-->
<!-- /hero slider -->
<!-- Page Content -->
<div class="products-section">
    <div class="container">
        <h2 class="wow fadeInDown">Latest Products</h2>
        <div class="owl-carousel latest-products owl-theme wow fadeIn">
            <div class="item">
                <div class="product">
                    <div  class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <div class='badge'>
                                    <div class='text'>Sale 10%</div>
                                    <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-2.jpg}" alt=""></a> </div>
                            </div>
                            <div class="carousel-item">
                                <div class='badge'>
                                    <div class='text'>Sale 10%</div>
                                    <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""> </a> </div>
                            </div>
                        </div>
                    </div>
                    <h5 class="product-type">Green Apple</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$10.00 <del>$35.00</del></h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-1"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product">
                    <div class='badge'>
                        <div class='text'>Sale 10%</div>
                        <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""></a> </div>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$13.00 <del>$35.00</del></h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-3.jpg}" alt=""></a>
                    <h5 class="product-type">Orange</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-3"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-4.jpg}" alt=""></a>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$18.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-4"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-5.jpg}" alt=""></a>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$14.00 <del>$35.00</del> </h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-5"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product">
                    <div class='badge'>
                        <div class='text'>Sale 10%</div>
                        <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""></a> </div>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$13.00 <del>$35.00</del></h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="featured-products">
    <div class="container">
        <h2 class="wow fadeInDown">Featured Products</h2>
        <div class="owl-carousel latest-products owl-theme wow fadeIn">
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html">
                    <div class='badge'>
                        <div class='text'>Sale 14%</div>
                        <img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""> </div>
                </a>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$16.00 <del>$35.00</del></h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-6"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product">
                    <div class='badge'>
                        <div class='text'>Sale 16%</div>
                        <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-2.jpg}" alt=""></a> </div>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$16.00 <del>$35.00</del></h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-7"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-3.jpg}" alt=""></a>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-8"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product">
                    <div id="carousel-3" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""></a> </div>
                            <div class="carousel-item"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-4.jpg}" alt=""></a> </div>
                        </div>
                        <a class="carousel-control-prev" href="#carousel-3" role="button" data-slide="prev"> <i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> </a> <a class="carousel-control-next" href="#carousel-3" role="button" data-slide="next"> <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> </a> </div>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-9"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-5.jpg}" alt=""></a>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-10"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-3.jpg}" alt=""></a>
                    <h5 class="product-type">Spices</h5>
                    <h3 class="product-name">Ingredients</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-8"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Three-images-->
<div class="three-img">
    <div class="container">
        <h2 class="wow fadeInDown">Featured Category</h2>
        <div class="row justify-content-center">
            <div class="col-lg-4 col-md-6 text-center wow fadeIn mb-3">
                <ul class="ch-grid">
                    <li>
                        <!--th:style="'background:url('+'/assets/images/product/left-img.jpg'+') no-repeat center top; background-size:100% 100%"-->
                        <div class="ch-item" style="background: no-repeat center top; background-size:100% 100%">
                            <div class="ch-info">
                                <div class="img-text">
                                    <h3>Fresh Oregano</h3>
                                    <p>Oregano</p>
                                    <p>Apricots</p>
                                    <p>Bananas</p>
                                    <p>Cantaloupe</p>
                                    <a href="#">view more</a> </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-lg-4  col-md-6 text-center wow fadeIn mb-3">
                <ul class="ch-grid">
                    <li>
                        <!--th:style="'background:url('+'/assets/images/product/center-img.jpg'+') no-repeat center top; background-size:100% 100%"-->
                        <div class="ch-item" style="background: no-repeat center top; background-size:100% 100%">
                            <div class="ch-info">
                                <div class="img-text">
                                    <h3>Fresh Apple</h3>
                                    <p>Apple</p>
                                    <p>Wheatgrass</p>
                                    <p>Arrowroot</p>
                                    <p>Grapefruit</p>
                                    <a href="#">view more</a> </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-lg-4 col-md-6 text-center wow fadeIn mb-3">
                <div class="position-relative">
                    <ul class="ch-grid">
                        <li>
                            <!--th:style="'background:url('+'/assets/images/product/right-img.jpg'+') no-repeat center top; background-size:100% 100%"-->
                            <div class="ch-item" style="background: no-repeat center top; background-size:100% 100%">
                                <div class="ch-info">
                                    <div class="img-text">
                                        <h3>Mango Shake</h3>
                                        <p>Pear</p>
                                        <p>Apricots</p>
                                        <p>Bananas</p>
                                        <p>Cantaloupe</p>
                                        <a href="#">view more</a> </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Three-images-->
<div id="bestsellers">
    <div class="container">
        <h2 class="wow fadeInDown">Bestsellers</h2>
        <div class="owl-carousel latest-products owl-theme wow fadeIn">
            <div class="item">
                <div class="product">
                    <div id="carousel-2" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <div class='badge'>
                                    <div class='text'>Sale 14%</div>
                                    <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""> </a> </div>
                            </div>
                            <div class="carousel-item">
                                <div class='badge'>
                                    <div class='text'>Sale 14%</div>
                                    <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-2.jpg}" alt=""></a> </div>
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carousel-2" role="button" data-slide="prev"> <i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> </a> <a class="carousel-control-next" href="#carousel-2" role="button" data-slide="next"> <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> </a> </div>
                    <a class="fa fa-star-half-full checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                    <h5 class="product-type">Fruits</h5>
                    <h3 class="product-name">Strawberry</h3>
                    <h3 class="product-price">$14.00 <del>$35.00</del> </h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-11"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/fruits/img-3.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star "></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                    <h5 class="product-type">DRIED FRUITS</h5>
                    <h3 class="product-name">Fresh Walnut</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-12"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/fruits/img-4.jpg}" alt=""></a> <a class="fa fa-star fa-star-half-full checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                    <h5 class="product-type">Fruits</h5>
                    <h3 class="product-name">Black Cherries</h3>
                    <h3 class="product-price">$14.00 </h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-13"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/fruits/img-5.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                    <h5 class="product-type">Juice</h5>
                    <h3 class="product-name">Strawberry Juices</h3>
                    <h3 class="product-price">$14.00 </h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-14"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/fruits/img-1.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star "></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                    <h5 class="product-type">DRIED FRUITS</h5>
                    <h3 class="product-name">Fresh Walnut</h3>
                    <h3 class="product-price">$14.00</h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-15"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/fruits/img-4.jpg}" alt=""></a> <a class="fa fa-star fa-star-half-full checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                    <h5 class="product-type">Fruits</h5>
                    <h3 class="product-name">Black Cherries</h3>
                    <h3 class="product-price">$14.00 </h3>
                    <div class="product-select">
                        <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-13"><i class="fa fa-eye" aria-hidden="true"></i></button>
                        <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="deal-of-the-week">
    <div class="container">
        <div class="row">
            <div class="col-md-6 text-center mb-1">
                <div  class="carousel slide carousel-fade" data-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <figure class="imghvr-push-right"> <a href="#"><img th:src="@{/assets/images/page-img/sale.jpg}" class="img-fluid" alt="" title=""></a>
                                <figcaption>
                                    <h3>Sale off Up to 30% </h3>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum is simply dummy text of the...</p>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="carousel-item">
                            <figure class="imghvr-push-right"> <a href="#"><img th:src="@{/assets/images/page-img/sale3.jpg}" class="img-fluid" alt="" title=""></a>
                                <figcaption>
                                    <h3>Bestsellers</h3>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum is simply dummy text of the...</p>
                                </figcaption>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 text-center mb-1">
                <div class="carousel slide carousel-fade" data-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active"> <img th:src="@{/assets/images/page-img/sale2.jpg}" class="img-fluid" alt="" title=""> </div>
                        <div class="carousel-item"><img th:src="@{/assets/images/page-img/sale4.jpg}" class="img-fluid" alt="" title=""></div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
            <h2 class="text-center wow fadeInDown">Deal Of The Week</h2>
            <div class="clearfix"></div>
        </div>
        <div>
            <div class="owl-carousel latest-products owl-theme wow fadeIn">
                <div class="item">
                    <div class="product">
                        <div id="carousel-1" class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner">
                                <div class="carousel-item active"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-1.jpg}" alt=""></a> </div>
                                <div class="carousel-item"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-4.jpg}" alt=""></a> </div>
                            </div>
                            <a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"> <i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> </a> <a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"> <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> </a> </div>
                        <a class="fa fa fa-star-half-full checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                        <h5 class="product-type">Spices</h5>
                        <h3 class="product-name">Ingredients</h3>
                        <h3 class="product-price">$14.00 <del>$35.00</del> </h3>
                        <div class="product-select">
                            <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-16"><i class="fa fa-eye" aria-hidden="true"></i></button>
                            <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                            <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-2.jpg}" alt=""></a> <a class="fa fa fa-star-half-full checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                        <h5 class="product-type">Spices</h5>
                        <h3 class="product-name">Ingredients</h3>
                        <h3 class="product-price">$14.00</h3>
                        <div class="product-select">
                            <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-17"><i class="fa fa-eye" aria-hidden="true"></i></button>
                            <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                            <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-3.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                        <h5 class="product-type">Spices</h5>
                        <h3 class="product-name">Ingredients</h3>
                        <h3 class="product-price">$14.00</h3>
                        <div class="product-select">
                            <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-18"><i class="fa fa-eye" aria-hidden="true"></i></button>
                            <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                            <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-4.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                        <h5 class="product-type">Spices</h5>
                        <h3 class="product-name">Ingredients</h3>
                        <h3 class="product-price">$14.00</h3>
                        <div class="product-select">
                            <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-19"><i class="fa fa-eye" aria-hidden="true"></i></button>
                            <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                            <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-4.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                        <h5 class="product-type">Spices</h5>
                        <h3 class="product-name">Ingredients</h3>
                        <h3 class="product-price">$14.00</h3>
                        <div class="product-select">
                            <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-20"><i class="fa fa-eye" aria-hidden="true"></i></button>
                            <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                            <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product"> <a class="product-img" href="single_product.html"><img th:src="@{/assets/images/product-img/product-img-3.jpg}" alt=""></a> <a class="fa fa-star checked"></a> <a class="fa fa-star checked"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a> <a class="fa fa-star"></a>
                        <h5 class="product-type">Spices</h5>
                        <h3 class="product-name">Ingredients</h3>
                        <h3 class="product-price">$14.00</h3>
                        <div class="product-select">
                            <button data-toggle="tooltip" data-placement="top" title="Quick view" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-18"><i class="fa fa-eye" aria-hidden="true"></i></button>
                            <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                            <button  data-toggle="tooltip" data-placement="top" title="Add To Cart"  onClick="window.location.href='cart#'" class="add-to-cart round-icon-btn"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<div id="partner">
    <div class="container">
        <div class="owl-carousel partner-logo owl-theme">
            <div class="item"> <img th:src="@{/assets/images/logo-1.png}" alt="" title=""></div>
            <div class="item"><img th:src="@{/assets/images/logo-2.png}" alt="" title=""></div>
            <div class="item"> <img th:src="@{/assets/images/logo-3.png}" alt="" title=""></div>
            <div class="item"> <img th:src="@{/assets/images/logo-1.png}" alt="" title=""></div>
            <div class="item"><img th:src="@{/assets/images/logo-2.png}" alt="" title=""></div>
            <div class="item"> <img th:src="@{/assets/images/logo-3.png}" alt="" title=""></div>
        </div>
    </div>
</div>
<div id="newsletter">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <h4>Join Our Newsletter Now</h4>
                <p class="m-0">Get E-mail updates about our latest shop and special offers.</p>
            </div>
            <div class="col-md-5">
                <form action="" method="post" id="subsForm" onSubmit="return ajaxmailsubscribe();">
                    <div class="input-group">
                        <input type="email" name="subsemail" id="subsemail" class="form-control newsletter" placeholder="Enter your mail">
                        <span class="input-group-btn">
            <button class="btn btn-theme" type="button" onClick="return ajaxmailsubscribe();">Subscribe</button>
            </span> </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Footer -->
<div id="popup-1" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/product-big-1.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-1" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-2" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-3" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-4" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-5" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-6" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-7" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-8" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-9" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-10" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-11" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-12" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-13" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-14" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-15" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-16" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-17" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-18" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-19" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-20" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="popup-21" class="popup-fcy">
    <div class="row">
        <div class="col-md-6 text-center"> <img th:src="@{/assets/images/product-img/kiwi.jpg}" alt="" title="" class="img-fluid"> </div>
        <div class="col-md-6">
            <div class="product_meta">
                <p>Availability : <span>not in Stock</span> </p>
                <p>Categories : <span>Vegetable Fruit</span></p>
                <p>Tags : <span>fruit green health organic</span> </p>
            </div>
            <div class="product-dis">
                <h3>Products Name</h3>
                <hr>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
                <div class="row">
                    <div class="col-2 pr-0">
                        <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
                    </div>
                    <div class="col-10">
                        <div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 mt-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                    <div class="pb-3 pt-3">
                        <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
                    </div>
                    <div class="col-md-12 mb-4 p-0">
                        <hr class="m-0 p-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--bootstrap-->
<!-- Footer -->
<div class="container py-5">
    <div class="row">
        <div class="col-lg-4 col-md-6 col-sm-6 address wow fadeInLeft">
            <div class="footer-logo"><img th:src="@{/assets/images/logo.png}" alt="" title="" class="img-fluid"></div>
            <p>Address: 123-45 Road 11378 Manchester</p>
            <p>Phone: +12 3456 78901</p>
            <p>Email: <a href="mailto:info.organicstore@gmail.com">info.organicstore@gmail.com</a></p>
            <ul class="social-2">
                <li><a href="#" title="facebook"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#" title="instagram +"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#" title="twitter"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#" title="Linkedin"><i class="fa fa-pinterest"></i></a></li>
            </ul>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6 footer-link  wow fadeInLeft">
            <h3>Information</h3>
            <ul>
                <li><a href="about-us#">About Us</a></li>
                <li><a href="faq#">FAQ</a></li>
                <li><a href="contact#">Contact</a></li>
                <li><a href="#">Shop</a></li>
            </ul>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6 footer-link  wow fadeInLeft">
            <h3>My Account</h3>
            <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">login</a></li>
                <li><a href="#">Wishlist</a></li>
                <li><a href="#">Register</a></li>
            </ul>
        </div>
        <div class="col-lg-2 col-md-6 col-sm-6 footer-link  wow fadeInLeft">
            <h3>Quick Link</h3>
            <ul>
                <li><a href="cart#">Cart</a></li>
                <li><a href="#">Wishlist</a></li>
                <li><a href="comingsoon#">Coming Soon</a></li>
                <li><a href="404#">404</a></li>
            </ul>
        </div>
    </div>
</div>
<footer class="py-4 bg-dark">
    <div class="container copy-right">
        <div class="row">
            <div class="col-md-6 text-white">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
            <div class="col-md-6 payment">
                <div class="pull-right"> <a href=""><img th:src="@{/assets/images/skrill.png}" alt="" title=""></a> <a href=""><img th:src="@{/assets/images/ob.png}" alt="" title=""></a> <a href=""><img th:src="@{/assets/images/paypal.png}" alt="" title=""></a> <a href=""><img th:src="@{/assets/images/am.png}" alt="" title=""></a> <a href=""><img th:src="@{/assets/images/mr.png}" alt="" title=""></a> <a href=""><img th:src="@{/assets/images/visa.png}" alt="" title=""></a> </div>
            </div>
        </div>
    </div>
</footer>
<script th:src="@{/assets/js/ajax.js}"></script>
<script th:src="@{/assets/js/formValidation.js}"></script>
<script th:src="@{/assets/vendor/bootstrap/js/popper.min.js}"></script>
<script th:src="@{/assets/vendor/bootstrap/js/bootstrap.min.js}"></script>
<!--bootstrap-->
<!--owlcarousel-->
<script th:src="@{/assets/owlcarousel/owl.carousel.js}"></script>
<!--owlcarousel-->
<!--script-->
<script th:src="@{/assets/vendor/jquery/home-1.js}"></script>
<!--script-->
<!-- animation-->
<script th:src="@{/assets/vendor/wow/wow.js}"></script>
<script th:src="@{/assets/vendor/wow/page.js}"></script>
<!-- animation-->
<!--select-dropdown-->
<script th:src="@{/assets/vendor/jquery/custom-select.js}"></script>
<!--select-dropdown-->
<!--fancybox files -->
<link rel="stylesheet" th:href="@{/assets/css/product-hover.css}">
<link rel="stylesheet" th:href="@{/assets/vendor/fancy-box/fancybox.min.css}" />
<script th:src="@{/assets/vendor/fancy-box/jquery.fancybox.min.js}"></script>
<!--fancybox files -->
<!--banner js-->
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/jquery.themepunch.tools.min.js}"></script>
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/jquery.themepunch.revolution.min.js}"></script>
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/extensions/revolution.extension.actions.min.js}"></script>
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/extensions/revolution.extension.layeranimation.min.js}"></script>
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/extensions/revolution.extension.navigation.min.js}"></script>
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/extensions/revolution.extension.parallax.min.js}"></script>
<script th:src="@{/assets/vendor/revolution/vendor/revslider/js/extensions/revolution.extension.slideanims.min.js}"></script>
<script th:src="@{/assets/js/banner.js}"></script>
<!--banner js-->
<!--scrolltop-->
<script th:src="@{/assets/vendor/jquery/scrolltopcontrol.js}"></script>
<script th:src="@{/assets/vendor/revolution/responsiveslides.min.js}"></script>
<!--scrolltop-->
<p data-toggle="modal" class="no-margin" data-target="#myModal" id="model2"></p>
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-dialog2">
        <div class="modal-content text-center">
            <div class="modal-body modal-body2">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <p><img th:src="@{/assets/images/success.svg}" width="50"></p>
                <h3 class="modal-title">Thank you</h3>
                <h4 class="thanks mt-2">Your submission is recevied and we will contact you soon.</h4>
                <a href="" target="_blank" class="btn add-to-cart2 d-inline-block font-15 rounded">BUY THIS TEMPLATE NOW</a> <a href="index#" class="back-to-home d-block small mt-2"><i class="fa fa-long-arrow-left"></i> BACK TO HOME</a> </div>
        </div>
    </div>
</div>
</body>
</html>

